<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<link href="<%= request.getContextPath() %>/css/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery.validate.min.js"></script> 

<script type="text/javascript">

$(document).ready(function() {
	$("#registerForm").validate({
		rules: {
			name: "required",
			captcha: "required",
			username: {
				required: true,
				minlength: 6
			},
			password: {
				required: true,
				minlength: 6
			},
			repassword: {
				required: true,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			}, 
			accept: {
				required: true
			}
		},
		messages: {
			name: "Vui lòng nhập tên",
			captcha: "Vui lòng nhập mã trên",
			username: {
				required: "Vui lòng nhập tên đăng nhập",
				minlength: "Tên đăng nhập ít nhất 6 kí tự"
			},
			password: {
				required: "Vui lòng nhập mật khẩu",
				minlength: "Mật khẩu ít nhất 6 kí tự"
			},
			repassword: {
				required: "Vui lòng nhập lại mật khẩu",
				equalTo: "Mật khẩu nhập lại không đúng"
			},
			email: {
				required: "Vui lòng nhập địa chỉ email",
				email: "Địa chỉ email không hợp lệ"
			},
			accept: "Bạn phải đồng ý với các điều khoản"
		},
	 	submitHandler: function(form) {
	 		form.submit();
	 	}
	});
	
	$("#viewRules").click(function() {
		$("#rules").slideDown();
	});
});
</script>
<div class="content">		
<h2>Đăng kí</h2>

<div class="error"><s:actionmessage /></div>
<div class="left">
<s:form action="/home/registerSubmit" method="post" id="registerForm">  

		<div><span class="requried">*</span>Tên đăng nhập <span class="highlight">(1)</span></div>
		<div><s:textfield name="username" id="username" /></div>
		<div><span class="requried">*</span>Mật khẩu</div>
		<div><s:password name="password" id="password" /></div>
		<div><span class="requried">*</span>Nhập lại mật khẩu</div>
		<div><s:password id="repassword" name="repassword" /></div>
		<div><span class="requried">*</span>Tên bác sĩ</div>
		<div><s:textfield name="name" id="name" /></div>
		<div><span class="requried">*</span>Email</div>
		<div><s:textfield name="email" id="email" /></div>
		<div>Năm sinh</div>
		<div><s:textfield name="age" id="age" size="4" maxlength="4" cssClass="age"/></div>
		<div><span class="requried">*</span>Tên phòng khám</div>
		<div><s:textfield name="locationName" id="locationName" /></div>
		<div><span class="requried">*</span>Địa chỉ phòng khám</div>
		<div><s:textfield name="address" id="address" /></div>
		<div><span class="required">*</span>Thành phố</div>
		<div><s:select list="provinces" name="province" id="province" listKey="provinceId" listValue="name"></s:select></div>
		<div>
			<div><img src="<%= request.getContextPath() %>/Captcha.jpg" border="0"></div>
		</div>
		<div><span class="requried">*</span>Nhập mã ở trên</div>
		<div><s:textfield label="Code" name="captcha" id="captcha" size="20" maxlength="10"/></div>
		<div><span class="requried">*</span>Điều khoản (<a id="viewRules" href="javascript:;">xem điều khoản</a>)</div>
		<div id="rules" class="hidden scrollable">Bạn cần xem và đồng ý với các điều khoản sau:
		<ul>
			<li>Cung cấp chính xác và đầy đủ các thông tin yêu cầu</li>
			<li>Thay đổi dữ liệu được cập nhật ngay trong menu cá nhân</li>
			<li>Đăng kí sử dụng dịch vụ hẹn khám trực tuyến là hoàn toàn miễn phí</li>
			<li>Chúng tôi có thể loại trừ những tài khoản không có thực hoặc không hợp lệ</li>
			<li>Không sử dụng dịch vụ với dữ liệu không có thật</li>
			<li>Những thông tin về phòng khám, bác sĩ... có thể được hiển thị trên trang tìm kiếm (Google, Yahoo, Bing...)
			<li>Dịch vụ hẹn khám được sử dụng hoàn toàn miễn phí, để bảo đảm tính xác thực của dịch vụ vui lòng thông báo khi ngừng sử dụng dịch vụ</li>
			<li>Không được tìm cách phá hệ thống hoặc thay đổi dữ liệu</li>
			<li>Chúng tôi không chịu trách nhiệm trước những vấn đề trong việc kinh doanh của bạn khi sử dụng hệ thống</li>
			<li>Chúng tôi không ngừng thay đổi và cải tiến dịch vụ của mình. Chúng tôi có thể thêm hoặc xóa các chức năng hoặc tính năng và chúng tôi cũng có thể tạm ngừng hoặc ngừng hoàn toàn một dịch vụ.</li>
		</ul></div>
		<div><input type="checkbox" id="accept" name="accept"/><label for="accept">Tôi đã đọc và đồng ý với các điều khoản trên</label></div>
		<br/>
		<div><input type="submit" value="Đăng kí"  /></div>
  
</s:form>

</div>
<div class="left divider">
</div>
<div class="left description">
	<p>Đăng kí ngay hôm nay để trở thành 1 trong 20 phòng khám đầu tiên được hưởng những <b>ưu đãi đặc biệt</b>: xuất hiện ở trang chủ website, luôn ở top trong kết quả tìm kiếm...</p>
	<h2>Lưu ý:</h2>
	<ul>
		<li><span class="highlight">(1)</span> Nên chọn tên đăng nhập gợi nhớ ví dụ như <b>tên phòng khám</b>, <b>tên bác sĩ</b> hoặc <b>địa chỉ phòng khám</b> vì tên đăng nhập còn được dùng trong liên kết đến trang chi tiết của phòng khám.
	<br />Ví dụ: tên đăng nhập là <span style="color:blue">bacsiNguyenVanA</span> thì liên kết đến trang chi tiết của phòng khám sẽ là <span style="color:blue">http://www.dathenkhambenh.com/bacsiNguyenVanA</span>
	<br />Tên đăng nhập chỉ có thể là các kí tự từ a->z, A->Z, 0->9 hoặc dấu gạch ngang "-"</li>
		<li><span class="requried">*</span> Thông tin bắt buộc nhập</li>
	</ul>
	
</div>
</div>